import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

import home from '@/components/home'
import about from '@/components/about'
import document from '@/components/document'

import noFund from '@/components/404'

import study from '@/views/study'
import work from '@/views/work'
import hobby from '@/views/hobby'

import slide from '@/views/slide'

import user from '@/views/user'

let router = new VueRouter({
    mode: 'history',
    linkActiveClass:'is-active',

//  scrollBehavior(to,from,savePosition) { //点击浏览器的前进后退或切换导航触发
////      console.log(to)   // 要进入的目标路由对象     要去向哪里
////      console.log(from)  //要离开的路由对象     从哪里来
////      console.log(savePosition) //记录滚动条的坐标    点击前进后退的时候记录值
//      
//      // if (savePosition) {  //记录坐标的方法
//      //     return savePosition
//      // }else {
//      //     return {
//      //         x:0,
//      //         y:0
//      //     }
//      // }
//
//
//      if (to.hash) {
//          return {
//              selector: to.hash
//          }
//      }
//
//
//  },

    routes: [
        {
            path: '/',
            component: home,
            meta:{
                index: 0,
                title: 'home'
            }
        },
        {
        	path: '/user/:tip?/:userId?',
        	component: user,
            meta:{
                index: 3,
                title: 'user'
            }
        },
        {
            path: '/home',
            name: 'Home',
            component: home,
            alias: '/index'
        },
        {
            path: '/about',
            component: about,
            children: [
                {
                    path: '', //默认的子路由  /about
                    name: 'About',
                    component: study,
                    meta:{
                        index: 2,
                		title: 'about'	
                    }
                },
                {
                    path: '/work',
                    name: 'Work',
                    component: work
                },
                {
                    path: '/hobby',
                    name: 'Hobby',
                    component: hobby
                }
            ]
        },
        {
            path: '/document',
            name: 'Document',
            beforeEnter(to,fore,next) {
            	console.log("beforEnter")
            	next()
            },
            meta:{
                index: 1,
                login: true,
                title: 'document'
            },
            components: {
                default: document,
                slide: slide
            }
        }
//      ,
//      {
//          path: '*',
//          // component: noFund
//          //重定向
//          // redirect: '/home'
//          // redirect: {path: '/home'}
//          // redirect: {name: 'Document'}
//
//          redirect: (to) => { //箭头函数   动态设置重定向的目标
//              //to     目标路由对象，就是访问的路径的路由信息
//
//              if( to.path === '/123' ) {
//                  return '/home'
//              }else if ( to.path === '/456' ) {
//                  return {path:'/document'}
//              }else {
//                  return {name: 'About'}
//              }
//
//
//              console.log(to)
//
//              return '/home' 
//          }
//      }
    ]
});

/*router.beforeEach((to,from,next) => {
//	console.log("beforEach")
//	next()
//	next(false)
	
//	if (to.meta.login) {
//		next('/login')
//	}else {
//		next()
//	}
	next()
});

router.afterEach((to,from) => {
	if(to.meta.title){
		window.document.title = to.meta.title
		console.log(to.meta.title)
	}else {
		window.document.title = '陈灵灵'
	}
})*/

export default router;